﻿@model Lion.WeiXin.Core.Models.OrderModel
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section ChildPageJs {
    <style>
        .proImage {
            width: 80px;
            height: 80px;
            vertical-align: middle;
        }
    </style>
    <script src="/Scripts/App_Scripts/OrderCreate.js" type="text/javascript"></script>
}
<div class="titstyle01 clearfix">
    <strong>新订单</strong>
</div>
<div class="boxstyle01 clearfix pt25 pb10">
    <div class="boxstyle01 wh_in mb10">
        <span class="titstyle02"><span class=" ico_searchcnt mt10 f_l"></span>选择产品</span>
        <div class="wh_in m10">
            <strong class="green">第一步：输入客户卡号</strong>
            <ul>
                <li class="m5">卡号：<input type="text" class="slcw180" id="txtCardCode" /></li>
                <li class="m5">
                    <span id="cardMsg" class="m10"></span>
                    <input type="hidden" id="hdValid" value="0"/>
                </li>
            </ul>
        </div>
        <div class="wh_in m10">
            <strong class="green">第二步：挑选消费产品,并添加</strong>
            <ul>
                <li class="m5">类型：@Html.DropDownList("Dic_ProductType", (List<SelectListItem>)ViewData["selProductType"], new { @class = "slcw180 m5" })</li>
                <li class="m5">产品：<select id="Products" class="slcw180 m5">
                    </select>
                </li>
                <li class="m5">
                    <span>数量：</span>
                    <span><input type="button" value="+" id="btnPlus" /></span>
                    <span>
                        <input type="text" value="1" id="txtQuantity" style="width:50px;text-align:center" readonly="readonly" />
                    </span>
                    <input type="button" value="-" id="btnMinus" />
                </li>
                <li class="m5"><input type="button" value="添 加" class="btn02 m15" id="btnAdd" /></li>
            </ul>
        </div>
    </div>
    <div class="boxstyle01 wh_in mb10">
        <table class=" clear tabshyle03 table100" id="TableList">
            <thead>
                <tr>
                    <th colspan="10">
                        <span class="ico_alledit mt10"></span>
                        <span class="f_l mr10 mt5" style="vertical-align: bottom">已选产品</span>
                    </th>
                </tr>
                <tr bgcolor="#e0ecf2">
                    <th width="5%" style="text-align: left">
                        <input type="checkbox" value="全选" id="checkall" name="checkall" />@Html.Label("checkall", "全选")
                    </th>
                    <th>
                        <strong>图片</strong>
                    </th>
                    <th>
                        <strong>名称</strong>
                    </th>
                    <th>
                        <strong>原价</strong>
                    </th>
                    <th>
                        <strong>折扣</strong>
                    </th>
                    <th>
                        <strong>现价</strong>
                    </th>
                    <th>
                        <strong>数量</strong>
                    </th>
                    <th>
                        <strong>小计</strong>
                    </th>
                    <th width="20%">
                        <strong>操作</strong>
                    </th>
                </tr>
            </thead>
            <tbody>
                <!--数据显示模板-->
                <tr class="t_c" id="template" style="display:none;background-color:white;">
                    <td style="text-align: left" id="td_checkbox">
                        <input type="checkbox" id="checkbox" />
                    </td>
                    <td id="td_Image"></td>
                    <td id="td_ProductName"></td>
                    <td id="td_Price"></td>
                    <td id="td_Discount"></td>
                    <td id="td_BuyPrice"></td>
                    <td id="td_Quantity"></td>
                    <td id="td_Total"></td>
                    <td>
                        <span class="mt10">
                            <input type="button" class="btn02 ml10 mt5 f_l" value="删 除" id="btnDelete" />
                        </span>
                    </td>
                </tr>

                <tr>
                    <td colspan="10" align="center" id="emptyDataTD" style="display: none;">
                        暂时没有数据
                    </td>
                </tr>
                <tr>
                    <td colspan="10" align="center" id="errorDataTD" style="display: none;">
                        获取数据出现异常
                    </td>
                </tr>
            </tbody>
            <tr bgcolor="#e0ecf2">
                <td colspan="10">
                    订单总计：￥ <strong class="cf60" id="orderTotal">0</strong>
                </td>
            </tr>
        </table>
    </div>
    <div class=" wh_in m10">

        <div class=" wh_in m15">
            <strong class="green wh_in m10">第三步：确认无误，保存订单</strong>
            <div>
                <input type="button" value="保 存" class="btn02 f_l m15" id="btnSend" />
                <input type="button" class="btn02 f_l m15" id="btnCancel" value="返 回" />
            </div>
        </div>
    </div>
</div>

